// 媒体查询匹配黑暗模式 无法继承sass类手动操作更健康哈哈
@media (prefers-color-scheme: dark) {
  .theme-default {
    color: #efefef;
    background-color: #1c2024; }
    .theme-default:after {
      content: '';
      position: fixed;
      height: 100vh;
      width: 100%;
      z-index: -1;
      background-color: #1c2024; }
    .login.theme-default {
      background-color: #25272c; }
    .page.theme-default {
      background-color: #25272c; }
      .page.theme-default:after {
        background-color: #25272c; }
    .theme-default .m-button {
      color: #25272c;
      background-color: #ffffff; }
    .theme-default .main-bg {
      color: #1c2024;
      background-color: #ffd250; }
    .theme-default .light-bg {
      color: #efefef;
      background-color: #262a2e; }
    .theme-default .title-bg, .theme-default .bottom-menu {
      background-color: #25272c; }
    .theme-default .title-bg.u-border-bottom:after, .theme-default .u-border-bottom.bottom-menu:after {
      border-color: #1c2024; }
    .theme-default .cu-modal .cu-dialog {
      color: #efefef;
      background-color: #25272c; }
    .theme-default .m-message-input .u-char-item {
      color: #ffd250;
      border-color: #ffd250; }
      .theme-default .m-message-input .u-char-item .u-placeholder-line {
        background-color: #efefef; }
      .theme-default .m-message-input .u-char-item .u-bottom-line {
        background-color: #ffd250; }
    .theme-default .my-load .cu-load {
      background-color: #25272c; }
      .theme-default .my-load .cu-load .text {
        color: #efefef; }
    .theme-default .my-load .load-modal::after {
      border-left: 3px solid #ffd250;
      background-color: #25272c; }
    .theme-default .cu-card .cu-item {
      background-color: #25272c; }
    .theme-default .u-select {
      background-color: #25272c;
      color: #efefef; }
      .theme-default .u-select .select-picker-view {
        background: linear-gradient(180deg, rgba(37, 39, 44, 0.95), rgba(37, 39, 44, 0.6)), linear-gradient(0deg, rgba(37, 39, 44, 0.95), rgba(37, 39, 44, 0.6));
        background-position: top, bottom;
        background-size: 100% 102px;
        background-repeat: no-repeat; }
      .theme-default .u-select .select-picker-indicator:after {
        border-bottom: 1px solid #1c2024; }
      .theme-default .u-select .select-picker-indicator:before {
        border-top: 1px solid #1c2024; }
    .theme-default .u-switch {
      background-color: #262a2e; }
      .theme-default .u-switch .node-class {
        background-color: #ffd250; }
    .theme-default .u-switch--on {
      background-color: #ffd250; }
      .theme-default .u-switch--on .node-class {
        background-color: #262a2e; }
    .theme-default .u-tabs .u-tabs-scroll-box {
      color: #f5c846; }
      .theme-default .u-tabs .u-tabs-scroll-box .u-tabs-item.select {
        color: #ffd250; }
      .theme-default .u-tabs .u-tabs-scroll-box .u-scroll-bar {
        background-color: #ffd250; }
    .theme-default .bottom-menu .select {
      color: #ffd250; }
    .theme-default .bottom-input-bg {
      background-color: #262a2e; }

}
